<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--当前页面用chrome内核来渲染。 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--在iPhone的浏览器中页面将以原始大小显示，并不允许缩放  -->
    <title>图片加载平移放大缩小示例</title>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style>
    .layui-form-select .layui-input{
      background: #031a34;
      border-color: #123776;
      color: #6eadff;
    }

    .layui-form-select .layui-input::-webkit-input-placeholder { /* WebKit browsers */

      　　color:#999;

    }

    .layui-form-select .layui-edge{
      border-top-color: #123776;
    }

    .ul-menu{
      height: 891px;
    }

    .ul-menu li{
      color: #ccddff;
      cursor: pointer;
      background: -webkit-linear-gradient(#123456, #0a2241); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(#123456, #0a2241); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(#123456, #0a2241); /* Firefox 3.6 - 15 */
      background: linear-gradient(#123456, #0a2241); /* 标准的语法（必须放在最后） */
      border-top: 1px solid #1f4769;
      line-height: 59px;
      padding: 0 40px ;
      background-position: 0 0;
    }

    .ul-menu li .ico-arrow{
      width: 12px;
      height: 20px;
      background: url(../images/arrow-l.png) no-repeat;
      margin-top:20px;
    }

    .ul-menu li:hover{
      background:#98bbdc;
      color: #000;
    }

    .ul-menu li:hover .ico-arrow{
      background: url(../images/arrow-b.png) no-repeat;
    }

  </style>
</head>

<body class="body-bg">

    @import "top.html"

    <div class="layui-fluid">

      <div class="layui-row layui-col-space10" >
        <div class="layui-col-lg3 layui-col-md3" >
            <div class="layui-card layui-card-se p-r">
              <div class="layui-card-header">
                <span class="f-r c-p"></span>
                <i class="layui-icon layui-icon-next"></i> 物联网监控设备
              </div>
              <div class="layui-card-body" style="padding:10px 0 ;">
                <ul class="ul-menu">
                  <li><span class="f-r ico-arrow"></span>樱桃园</li>
                  <li><span class="f-r ico-arrow"></span>桃园</li>
                  <li><span class="f-r ico-arrow"></span>橘园</li>
                  <li><span class="f-r ico-arrow"></span>设备4</li>
                  <li><span class="f-r ico-arrow"></span>设备5</li>
                  <li><span class="f-r ico-arrow"></span>设备6</li>
                </ul>
              </div>
              <span class="corner-tl p-a"></span>
              <span class="corner-tr p-a"></span>
              <span class="corner-bl p-a"></span>
              <span class="corner-br p-a"></span>
            </div>


        </div>

        <div class="layui-col-lg6 layui-col-md6" >

              <div class="layui-card layui-card-se card-em">
                <div class="layui-card-header">
                  <!--<span class="f-r c-p">更多视频</span>-->
                  &nbsp;&nbsp;&nbsp;&nbsp;<i class="layui-icon layui-icon-next"></i> 六号大棚视频
                </div>
                <div class="layui-card-body">
                  <div class="embed-responsive embed-responsive-16by9">
                    <embed width="100%" height="561" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" src="http://www.tudou.com/v/tagRmiYnCe0/&amp;autoPlay=false&amp;JSEnabled=true/v.swf"></embed>
                  </div>
                </div>
              </div>


          <div class="layui-col-space10">
            <div class="layui-col-lg6 layui-col-md6" >
              <div class="layui-card layui-card-se p-r">
                <div class="layui-card-header">
                  <!--<span class="f-r c-p">更多视频</span>-->
                  <i class="layui-icon layui-icon-next"></i> 五号大棚视频
                </div>
                <div class="layui-card-body">
                  <embed width="100%" height="238" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" src="http://www.tudou.com/v/tagRmiYnCe0/&amp;autoPlay=false&amp;JSEnabled=true/v.swf"></embed>
                </div>
                <span class="corner-tl p-a"></span>
                <span class="corner-tr p-a"></span>
                <span class="corner-bl p-a"></span>
                <span class="corner-br p-a"></span>
              </div>
            </div>

            <div class="layui-col-lg6 layui-col-md6" >
              <div class="layui-card layui-card-se p-r">
                <div class="layui-card-header">
                  <!--<span class="f-r c-p">更多视频</span>-->
                  <i class="layui-icon layui-icon-next"></i> 五号大棚视频
                </div>
                <div class="layui-card-body">
                  <embed width="100%" height="238" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" src="http://www.tudou.com/v/tagRmiYnCe0/&amp;autoPlay=false&amp;JSEnabled=true/v.swf"></embed>
                </div>
                <span class="corner-tl p-a"></span>
                <span class="corner-tr p-a"></span>
                <span class="corner-bl p-a"></span>
                <span class="corner-br p-a"></span>
              </div>
            </div>
          </div>
        </div>

        <div class="layui-col-lg3 layui-col-md3" >
            <div class="layui-card layui-card-se p-r">
              <div class="layui-card-header">
                  <!--<span class="f-r c-p">更多视频</span>-->
                <i class="layui-icon layui-icon-next"></i> 五号大棚视频
              </div>
              <div class="layui-card-body">
                <embed width="100%" height="238" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" src="http://www.tudou.com/v/tagRmiYnCe0/&amp;autoPlay=false&amp;JSEnabled=true/v.swf"></embed>
              </div>
              <span class="corner-tl p-a"></span>
              <span class="corner-tr p-a"></span>
              <span class="corner-bl p-a"></span>
              <span class="corner-br p-a"></span>
            </div>

            <div class="layui-card layui-card-se p-r">
              <div class="layui-card-header">
                <!--<span class="f-r c-p">更多视频</span>-->
                <i class="layui-icon layui-icon-next"></i> 六号大棚视频</div>
              <div class="layui-card-body">
                <embed width="100%" height="238" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" src="http://www.tudou.com/v/tagRmiYnCe0/&amp;autoPlay=false&amp;JSEnabled=true/v.swf"></embed>
              </div>
              <span class="corner-tl p-a"></span>
              <span class="corner-tr p-a"></span>
              <span class="corner-bl p-a"></span>
              <span class="corner-br p-a"></span>
            </div>

            <div class="layui-card layui-card-se p-r">
              <div class="layui-card-header">
                <!--<span class="f-r c-p">更多视频</span>-->
                <i class="layui-icon layui-icon-next"></i> 五号大棚视频
              </div>
              <div class="layui-card-body">
                <embed width="100%" height="238" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" src="http://www.tudou.com/v/tagRmiYnCe0/&amp;autoPlay=false&amp;JSEnabled=true/v.swf"></embed>
              </div>
              <span class="corner-tl p-a"></span>
              <span class="corner-tr p-a"></span>
              <span class="corner-bl p-a"></span>
              <span class="corner-br p-a"></span>
            </div>

        </div>
    </div>


    </div>


</body>
<script src="js/vendor/requirejs/require.js"></script>
<script src="js/require.config.js"></script>
<script src="js/app.js"></script>
</html>
